<!-- 
 * 日志管理
 * @author: 
 * @since: 2022-06-30
 * index.vue
-->
<template>
  <div class="log-container h100">
    <div class="listPage">
      <CustomTabs :list="state.tabsList" @currentClick="tabsClick"></CustomTabs>
      <LoginLog v-if="state.tabsActive === 0" ref="logList"></LoginLog>
      <UnusualLogin v-if="state.tabsActive === 1" ref="logList"></UnusualLogin>
      <OperationLog v-if="state.tabsActive === 2" ref="logList"></OperationLog>
      <NoteLog v-if="state.tabsActive === 3" ref="logList"></NoteLog>
    </div>
  </div>
</template>

<script setup>
import { reactive, onMounted, ref } from 'vue'

const state = reactive({
  tabsList: ['登录日志', '异常日志', '操作日志', '短信日志'],
  tabsActive: 0,
})

//组件dom
const logList = ref()


onMounted(() => {
})

//tabs点击事件
const tabsClick = (index) => {
  state.tabsActive = index
}




</script>

<style lang="scss" scoped></style>
